﻿
@{
    ViewBag.Title = "SỬA THÔNG TIN TÀI KHOẢN THÍ SINH";
    if (!Request.IsAjaxRequest())
    {
        Layout = "~/Views/Shared/_LayoutProfile.cshtml";
    }
    else
    { Layout = null; }
}

@model TS2015.Models.TbNguoiDung

<div class="widget">
    <div class="widget-body no-p">
        @using (Html.BeginForm("EditAccount", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "frmEditAccount" }))
        {
            @Html.AntiForgeryToken()
            @Html.ValidationSummary(true)
            

            <header class="panel-heading">
                <h4 style="text-align:center">SỬA THÔNG TIN TÀI KHOẢN THÍ SINH</h4>
            </header>
            <header class="panel-heading" style="text-align:center">
                <div style="padding-bottom:10px">
                    @Html.ValidationMessage("Error")
                </div>
                <div class="form-group">
                    <div class="col-lg-4 col-md-4">
                        <strong>Tên đăng nhập: </strong>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        @Html.TextBoxFor(m => m.TenDangNhap, new { @class="form-control valid", disabled = "disabled"})
                        <input type="hidden" id="txtTenDangNhap" name="Username" />
                    </div>
                </div>
                <div class="clear"></div>
                <div class="form-group">
                    <div class="col-lg-4 col-md-4">
                        <strong>Mật khẩu cũ: </strong>

                    </div>
                    <div class="col-lg-4 col-md-4">
                        @Html.Password("OldPass", "", new { @class = "form-control" })
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <strong id="requestOldPass"></strong>
                        
                    </div>
                </div>
                <div class="clear"></div>
                <div class="form-group">
                    <div class="col-lg-4 col-md-4">
                        <strong>Mật khẩu mới: </strong>

                    </div>
                    <div class="col-lg-4 col-md-4">
                        @Html.Password("NewPass", "", new { @class = "form-control" })
                        
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <strong id="requestNewPass"></strong>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="form-group">
                    <div class="col-lg-4 col-md-4">
                        <strong>Nhập lại: </strong>

                    </div>
                    <div class="col-lg-4 col-md-4">
                        @Html.Password("ReNewPass", "", new { @class = "form-control" })
                        
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <strong id="requestReNewPass"></strong>
                    </div>
                </div>
                <div class="clear"></div>
            </header>
            <div style="clear:both"></div><br /><br />
            <div class="form-group">
                <div class="col-md-offset-1 col-md-10" style="text-align:center; display:block">         
                    <button class="btn btn-danger btn-primary-registration" type="submit"><b>  Sửa</b></button>
                    <a href="~/Home/Profile" class="btn btn-danger">Hủy</a>
                </div>
            </div>
        }

    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var CheckOldPass = false, CheckNewPass = false, CheckReNewPass = false;
        var mess = '';
        $('#txtTenDangNhap').val($('#TenDangNhap').val());
       
        $("#OldPass").blur(function () {
            if ($(this).val().length > 0) {
                var isLength = $(this).val().length;
                var Char = /[a-zA-Z0-9]/;

                if (!Char.test($(this).val())) {
                    $("#requestOldPass").fadeIn();
                    $("#requestOldPass").html("<span style='color:red'>Chỉ được nhập chữ, số!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    //mess += 'Chỉ được nhập chữ, số!' + '\n';
                }
                else
                    if ((isLength < 6) || (isLength > 10)) {
                        $("#requestOldPass").fadeIn();
                        $("#requestOldPass").html("<span style='color:red'>Độ dài từ 6 - 10 ký tự!</span>").delay(3000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        //mess += 'Độ dài từ 6 - 10 ký tự!' + '\n';
                    }
                    else {
                        $("#requestOldPass").fadeOut();
                        $(this).css('border-color', '#66afe9');
                        CheckOldPass = true;
                    }
            }
        });
        $("#NewPass").blur(function () {
            if ($(this).val().length > 0) {
                var isLength = $(this).val().length;
                var Char = /[a-zA-Z0-9]/;
                if (!Char.test($(this).val())) {
                    $("#requestNewPass").fadeIn();
                    $("#requestNewPass").html("<span style='color:red'>Chỉ được nhập chữ, số!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    //mess += 'Chỉ được nhập chữ, số!' + '\n';
                }
                else if ((isLength < 6) || (isLength > 10)) {
                    $("#requestNewPass").fadeIn();
                    $("#requestNewPass").html("<span style='color:red'>Độ dài từ 6 - 10 ký tự!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    // mess += 'Độ dài từ 6 - 10 ký tự!' + '\n';
                }
                else if ($("#NewPass").val() == $("#OldPass").val()) {
                    $("#requestNewPass").fadeIn();
                    $("#requestNewPass").html("<span style='color:red'>Phải khác với mật khẩu cũ!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    //mess += 'Mật khẩu mới phải khác mật khẩu cũ!' + '\n';
                } else {
                    $("#requestNewPass").fadeOut();
                    $(this).css('border-color', '#66afe9');
                    CheckNewPass = true;
                }
            }
        });
        $("#ReNewPass").blur(function () {
            if ($(this).val().length > 0) {
                var isLength = $(this).val().length;
                var Char = /[a-zA-Z0-9]/;
                if (!Char.test($(this).val())) {
                    $("#requestReNewPass").fadeIn();
                    $("#requestReNewPass").html("<span style='color:red'>Chỉ được nhập chữ, số!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    //mess += 'Chỉ được nhập chữ, số!' + '\n';

                }
                else if ((isLength < 6) || (isLength > 10)) {
                    $("#requestReNewPass").fadeIn();
                    $("#requestReNewPass").html("<span style='color:red'>Độ dài từ 6 - 10 ký tự!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    //mess += 'Độ dài từ 6 - 10 ký tự!' + '\n';
                }
                else if ($("#NewPass").val() != $("#ReNewPass").val()) {
                    $("#requestReNewPass").fadeIn();
                    $("#requestReNewPass").html("<span style='color:red'>Phải trùng với mật khẩu mới!</span>").delay(3000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    //mess += 'Mật khẩu mới phải khác mật khẩu cũ!' + '\n';
                }
                else {
                    $("#requestOldPass").fadeOut();
                    $(this).css('border-color', '#66afe9');
                    CheckReNewPass = true;
                }
            }
        });
        $('#btsubmit').click(function (e) {
            if (!CheckOldPass || !CheckNewPass || !CheckReNewPass) {
                alert('Vẫn còn lỗi nhập liệu! Vui lòng kiểm tra lại!');
                return false;
            }
        });

    })
</script>